<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>
						<p:messages id="msg2" />

						<h:panelGrid style="margin: 0 auto;">
							<p:dataTable id="listaP"
								value="#{listaPreciosEspecialesView.listaModel}"
								var="listaPreciosEspeciales"
								selection="#{listaPreciosEspecialesView.selectedListaPreciosEspeciales}"
								paginator="true" rows="5">

								<f:facet name="header">
							Lista Precios Especiales
						</f:facet>

								<p:column selectionMode="single" style="width:2%" />

								<p:column filterBy="#{listaPreciosEspeciales.precio}"
									sortBy="#{listaPreciosEspeciales.precio}">
									<f:facet name="header">
										<h:outputText value="Precio" />
									</f:facet>
									<h:outputText value="#{listaPreciosEspeciales.precio}" />
								</p:column>
								
								<p:column filterBy="#{listaPreciosEspeciales.idSucu_Sucursal2}"
									sortBy="#{listaPreciosEspeciales.idSucu_Sucursal2}">
									<f:facet name="header">
										<h:outputText value="Sucursal" />
									</f:facet>
									<h:outputText value="#{listaPreciosEspeciales.idSucu_Sucursal2}" />
								</p:column>

								<p:column filterBy="#{listaPreciosEspeciales.idEmpr_Empresa2}"
									sortBy="#{listaPreciosEspeciales.idEmpr_Empresa2}">
									<f:facet name="header">
										<h:outputText value="Empresa" />
									</f:facet>
									<h:outputText value="#{listaPreciosEspeciales.idEmpr_Empresa2}" />
								</p:column>

								<p:column filterBy="#{listaPreciosEspeciales.idPers_Persona2}"
									sortBy="#{listaPreciosEspeciales.idPers_Persona2}">
									<f:facet name="header">
										<h:outputText value="Persona" />
									</f:facet>
									<h:outputText value="#{listaPreciosEspeciales.idPers_Persona2}" />
								</p:column>

								<p:column filterBy="#{listaPreciosEspeciales.idRefe_Referencia2}"
									sortBy="#{listaPreciosEspeciales.idRefe_Referencia2}">
									<f:facet name="header">
										<h:outputText value="Referencia" />
									</f:facet>
									<h:outputText
										value="#{listaPreciosEspeciales.idRefe_Referencia2}" />
								</p:column>

								<p:column filterBy="#{listaPreciosEspeciales.estadoRegistro}"
									sortBy="#{listaPreciosEspeciales.estadoRegistro}">
									<f:facet name="header">
										<h:outputText value="Estado Registro" />
									</f:facet>
									<h:outputText value="#{listaPreciosEspeciales.estadoRegistro}" />
								</p:column>

								<f:facet name="footer">
									<p:commandButton id="createButton" value="Crear"
										action="#{listaPreciosEspecialesView.action_crear()}"
										icon="ui-icon-newwin" update=":form"
										binding="#{listaPreciosEspecialesView.btnCrear}"
										oncomplete="PF('singleCarDialog').show()" />

									<p:commandButton id="viewButton" value="Editar"
										action="#{listaPreciosEspecialesView.action_buscar2()}"
										icon="ui-icon-pencil" update=":form"
										binding="#{listaPreciosEspecialesView.btnModify}"
										oncomplete="PF('singleCarDialog').show()" />
								</f:facet>

							</p:dataTable>

							<p:dialog id="dialog" position="top"
								header="Detalle Lista Precios Especiales" modal="true"
								widgetVar="singleCarDialog" resizable="false" showEffect="fade"
								hideEffect="explode" closable="false">

								<p:messages id="msg" />

								<h:panelGrid id="panelBotones" columns="2"
									style="margin: 0 auto;">

									<p:commandButton id="btnGuardar" value="Guardar"
										disabled="true"
										action="#{listaPreciosEspecialesView.action_modify}"
										binding="#{listaPreciosEspecialesView.btnSave}"
										icon="ui-icon-disk" update="msg,panel,panelBotones,msg2" />

									<p:commandButton id="btnCerrar" value="Cerrar"
										icon="ui-icon-close" update=":form"
										oncomplete="PF('singleCarDialog').hide()" process="@this"
										actionListener="#{listaPreciosEspecialesView.action_cerrar()}">
										<p:resetInput target="panel" />
									</p:commandButton>

								</h:panelGrid>

								<h:panelGrid columns="6" id="panel" style="margin: 0 auto;">

									
									<h:outputText id="msgFechaInicial" value=" Fecha Inicial:*" />
									<p:calendar id="Fecha_Incial" showOn="button" navigator="true"
										locale="en"
										binding="#{listaPreciosEspecialesView.txtFechaInicial}"
										required="true" disabled="true" pattern="dd MMM, yyyy"
										effect="drop"
										converterMessage="Fecha Inicial no es una fecha valida"
										requiredMessage="Selección requerida FechaInicial"
										placeholder="dd MMM, yyyy ">
										<p:ajax event="dateSelect"
											listener="#{listaPreciosEspecialesView.listener_txtFechaInicial()}" />
									</p:calendar>
									<p:message for="Fecha_Incial" display="icon" />

									<h:outputText id="msgFechaVen" value=" Fecha Vencimiento:*" />
									<p:calendar id="Fecha_Ven" showOn="button" navigator="true"
										locale="en"
										binding="#{listaPreciosEspecialesView.txtFechaVencimiento}"
										required="true" disabled="true" pattern="dd MMM, yyyy"
										effect="drop"
										converterMessage="Fecha Vencimiento no es una fecha valida"
										requiredMessage="Selección requerida FechaVencimiento"
										placeholder="dd MMM, yyyy ">
										<p:ajax event="dateSelect"
											listener="#{listaPreciosEspecialesView.listener_txtFechaVencimiento()}" />
									</p:calendar>
									<p:message for="Fecha_Ven" display="icon" />

									<h:outputText id="msgPrecio" value=" Precio:*" />
									<p:inputText id="txtPrecio" disabled="true" required="true"
										requiredMessage="El Precio es Requerido"
										binding="#{listaPreciosEspecialesView.txtPrecio}" />
									<p:message for="txtPrecio" display="icon" />

									<h:outputText id="msgtGrabado" value=" TipoGrabado:" />
									<p:inputText id="txttGrabado" disabled="true"
										binding="#{listaPreciosEspecialesView.txtTipoGrabado}" />
									<br />

									<h:outputText id="msgConcepto" value=" Concepto:" />
									<p:inputText id="txtConcepto" disabled="true"
										binding="#{listaPreciosEspecialesView.txtConcepto}" />
									<br />

									<h:outputText id="msgEspacios" value=" Espacios:" />
									<p:inputText id="txtEspacios" disabled="true"
										binding="#{listaPreciosEspecialesView.txtEspacios}" />
									<br />							

									<h:outputText id="msgEstadoRegistro" value=" Estado Registro:*" />
									<p:selectOneMenu id="txtEstadoRegistro"
										value="#{listaPreciosEspecialesView.selectItemEstado}"
										disabled="true"
										binding="#{listaPreciosEspecialesView.txtEstadoRegistro}"
										style="width:100%" required="true"
										requiredMessage="Seleccion requerida EstadoRegistro">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Activo" itemValue="A" />
										<f:selectItem itemLabel="Retirado" itemValue="R" />
									</p:selectOneMenu>
									<p:message for="txtEstadoRegistro" display="icon" />

								</h:panelGrid>

								<p:separator id="separator" />

								<p:accordionPanel id="acordion" activeIndex="0">

									<p:tab title="Sucursal Lista Precios">

										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable id="sucursal2"
												value="#{listaPreciosEspecialesView.sucusalPadreModel}" var="sucursal"
												selection="#{listaPreciosEspecialesView.selectedSucursal2}"
												paginator="true" rows="3">

												<f:facet name="header">
							                     Sucursal
							                    </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{sucursal.codigo}"
													sortBy="#{sucursal.codigo}">
													<f:facet name="header">
														<h:outputText value="Código" />
													</f:facet>
													<h:outputText value="#{sucursal.codigo}" />
												</p:column>

												<p:column filterBy="#{sucursal.nombre}"
													sortBy="#{sucursal.nombre}">
													<f:facet name="header">
														<h:outputText value="Nombre" />
													</f:facet>
													<h:outputText value="#{sucursal.nombre}" />
												</p:column>

												<p:column filterBy="#{sucursal.direccion}"
													sortBy="#{sucursal.direccion}">
													<f:facet name="header">
														<h:outputText value="Dirección" />
													</f:facet>
													<h:outputText value="#{sucursal.direccion}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton" value="Quitar Selección"
														action="#{listaPreciosEspecialesView.action_quitar}"
														icon="ui-icon-circle-close" update="sucursal2" />
												</f:facet>

											</p:dataTable>
										</h:panelGrid>

									</p:tab>

									<p:tab title="Persona">

										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable value="#{personaView.personaModel}" id="persona"
												var="persona"
												selection="#{listaPreciosEspecialesView.selectedPersona}"
												paginator="true" rows="5">

												<f:facet name="header">
									            Persona
						                    	</f:facet>

												<p:column selectionMode="single" style="width:2%" />


												<p:column filterBy="#{persona.tipoIdentificacion}"
													sortBy="#{persona.tipoIdentificacion}">
													<f:facet name="header">
														<h:outputText value="Tipo Identificación" />
													</f:facet>
													<h:outputText value="#{persona.tipoIdentificacion}" />
												</p:column>

												<p:column filterBy="#{persona.identificacion}"
													sortBy="#{persona.identificacion}">
													<f:facet name="header">
														<h:outputText value="Identificación" />
													</f:facet>
													<h:outputText value="#{persona.identificacion}" />
												</p:column>

												<p:column filterBy="#{persona.primerNombre}"
													sortBy="#{persona.primerNombre}">
													<f:facet name="header">
														<h:outputText value="Primer Nombre" />
													</f:facet>
													<h:outputText value="#{persona.primerNombre}" />
												</p:column>

												<p:column filterBy="#{persona.primerApellido}"
													sortBy="#{persona.primerApellido}">
													<f:facet name="header">
														<h:outputText value="Primer Apellido" />
													</f:facet>
													<h:outputText value="#{persona.primerApellido}" />
												</p:column>

												<p:column filterBy="#{persona.email}"
													sortBy="#{persona.email}">
													<f:facet name="header">
														<h:outputText value="Email" />
													</f:facet>
													<h:outputText value="#{persona.email}" />
												</p:column>

												<p:column filterBy="#{persona.estadoRegistro}"
													sortBy="#{persona.estadoRegistro}">
													<f:facet name="header">
														<h:outputText value="Estado Registro" />
													</f:facet>
													<h:outputText value="#{persona.estadoRegistro}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton3" value="Quitar Selección"
														action="#{listaPreciosEspecialesView.action_quitar2}"
														icon="ui-icon-circle-close" update="persona" />
												</f:facet>

											</p:dataTable>
										</h:panelGrid>
									</p:tab>

									<p:tab title="Empresa">

										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable id="empresa" value="#{empresaView.empresaModel}"
												var="empresa"
												selection="#{listaPreciosEspecialesView.selectedEmpresa}"
												paginator="true" rows="5">

												<f:facet name="header">
						                    	Empresa
						                        </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{empresa.identificacion}"
													sortBy="#{empresa.identificacion}">
													<f:facet name="header">
														<h:outputText value="Identificación" />
													</f:facet>
													<h:outputText value="#{empresa.identificacion}" />
												</p:column>

												<p:column filterBy="#{empresa.nombre}"
													sortBy="#{empresa.nombre}">
													<f:facet name="header">
														<h:outputText value="Nombre" />
													</f:facet>
													<h:outputText value="#{empresa.nombre}" />
												</p:column>

												<p:column filterBy="#{empresa.email}"
													sortBy="#{empresa.email}">
													<f:facet name="header">
														<h:outputText value="Email" />
													</f:facet>
													<h:outputText value="#{empresa.email}" />
												</p:column>

												<p:column filterBy="#{empresa.telefono1}"
													sortBy="#{empresa.telefono1}">
													<f:facet name="header">
														<h:outputText value="Telefono1" />
													</f:facet>
													<h:outputText value="#{empresa.telefono1}" />
												</p:column>

												<p:column filterBy="#{empresa.estadoRegistro}"
													sortBy="#{empresa.estadoRegistro}">
													<f:facet name="header">
														<h:outputText value="Estado Registro" />
													</f:facet>
													<h:outputText value="#{empresa.estadoRegistro}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton2" value="Quitar Selección"
														action="#{listaPreciosEspecialesView.action_quitar3}"
														icon="ui-icon-circle-close" update="empresa" />
												</f:facet>

											</p:dataTable>
										</h:panelGrid>
									</p:tab>

									<p:tab title="Sucursal">

										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable id="sucursal"
												value="#{listaPreciosEspecialesView.sucusalPadreModel}" var="sucursal"
												selection="#{listaPreciosEspecialesView.selectedSucursal}"
												paginator="true" rows="3">

												<f:facet name="header">
							                     Sucursal
							                    </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{sucursal.codigo}"
													sortBy="#{sucursal.codigo}">
													<f:facet name="header">
														<h:outputText value="Código" />
													</f:facet>
													<h:outputText value="#{sucursal.codigo}" />
												</p:column>

												<p:column filterBy="#{sucursal.nombre}"
													sortBy="#{sucursal.nombre}">
													<f:facet name="header">
														<h:outputText value="Nombre" />
													</f:facet>
													<h:outputText value="#{sucursal.nombre}" />
												</p:column>

												<p:column filterBy="#{sucursal.direccion}"
													sortBy="#{sucursal.direccion}">
													<f:facet name="header">
														<h:outputText value="Dirección" />
													</f:facet>
													<h:outputText value="#{sucursal.direccion}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton1" value="Quitar Selección"
														action="#{listaPreciosEspecialesView.action_quitar4}"
														icon="ui-icon-circle-close" update="sucursal" />
												</f:facet>

											</p:dataTable>
										</h:panelGrid>

									</p:tab>

									<p:tab title="Referencia">

										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable value="#{referenciaView.referenciaModel}"
												var="referencia" id="tRefencia"
												selection="#{listaPreciosEspecialesView.selectedReferencia}" 
												paginator="true" rows="5">

												<f:facet name="header">
							                    Referencia
							                    </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{referencia.codigo}"
													sortBy="#{referencia.codigo}">
													<f:facet name="header">
														<h:outputText value="Código" />
													</f:facet>
													<h:outputText value="#{referencia.codigo}" />
												</p:column>

												<p:column filterBy="#{referencia.aplicacion}"
													sortBy="#{referencia.aplicacion}">
													<f:facet name="header">
														<h:outputText value="Aplicación" />
													</f:facet>
													<h:outputText value="#{referencia.aplicacion}" />
												</p:column>

												<p:column filterBy="#{referencia.codigoBarras}"
													sortBy="#{referencia.codigoBarras}">
													<f:facet name="header">
														<h:outputText value="Codigo Barras" />
													</f:facet>
													<h:outputText value="#{referencia.codigoBarras}" />
												</p:column>

												<p:column filterBy="#{referencia.costo}"
													sortBy="#{referencia.costo}">
													<f:facet name="header">
														<h:outputText value="Costo" />
													</f:facet>
													<h:outputText value="#{referencia.costo}" />
												</p:column>

												<p:column filterBy="#{referencia.descripcion}"
													sortBy="#{referencia.descripcion}">
													<f:facet name="header">
														<h:outputText value="Descripción" />
													</f:facet>
													<h:outputText value="#{referencia.descripcion}" />
												</p:column>

												<p:column filterBy="#{referencia.descripcionCorta}"
													sortBy="#{referencia.descripcionCorta}">
													<f:facet name="header">
														<h:outputText value="Descripcion Corta" />
													</f:facet>
													<h:outputText value="#{referencia.descripcionCorta}" />
												</p:column>

												<p:column filterBy="#{referencia.estadoRegistro}"
													sortBy="#{referencia.estadoRegistro}">
													<f:facet name="header">
														<h:outputText value="Estado Registro" />
													</f:facet>
													<h:outputText value="#{referencia.estadoRegistro}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="qButton" value="Quitar Selección"
														action="#{listaPreciosEspecialesView.action_quitar5()}" 
														icon="ui-icon-circle-close" update="tRefencia" />
												</f:facet>

											</p:dataTable>
										</h:panelGrid>

									</p:tab>

								</p:accordionPanel>

							</p:dialog>

						</h:panelGrid>

					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>